<template>
	<view>
		<view class="backg">
			<image class="wenhao" src="../../static/1122.jpg"></image>
			<view class="xm">
				--------
			</view>
		</view>
		<button class="dl" @click="olgin">登录</button>
		<view class="border"></view>
		
		<view class="abigbox">
		<view class="box">
			<image class="mesl" src="../../static/sc.png"></image>
			<text class="init" @click="mysc">我的收藏</text>
		</view>
		<view class="box">
			<image class="mesl" src="../../static/sp.png"></image>
			<text class="init" @click="viedo">视频</text>
		</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onLoad(option) {
			
		},

		methods: {
			
			olgin(){
				uni.navigateTo({
					url:"../login/login"
				})
			},
			
			mysc(){
				uni.navigateTo({
					url:"../collect/collect"
				})
			},
			
			viedo(){
				uni.navigateTo({
					url:"../viedo/viedo"
				})
			}
		}
	}
</script>

<style lang="less">
	.backg{
		background-color: #1790ff;
		height: 460rpx;
		width: 100%;
		.wenhao {
			width: 300rpx;
			height: 300rpx;
			display: block;
			margin: 0 auto;
		}
		.xm{
			text-align: center;
			font-weight: bolder;
			margin-top: 20rpx;
		}
	}
	

	.dl {
		border-radius: 10rpx;
		width: 400rpx;
		font-weight: bold;
		background-color: #99999;
		color: black;
		margin-top: 30rpx;
	}

	.border{
		margin-top: 50rpx;
		border-top: 1px solid #e5e5e5;
	}
	
	.abigbox{
		border-radius: 20rpx;
		border: 1px solid #e5e5e5;
		padding: 20rpx 30rpx;
		margin: 30rpx 50rpx;
		
		
		.box{
			display: flex;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
			margin-left: 20rpx;
			.mesl{
				height: 60rpx;
				width: 60rpx;
			}
			.init{
				font-size: 40rpx;
				color: #999988;
				margin-left: 20rpx;
				cursor: pointer;
			}
		}
	}
	
</style>
